<script setup >
</script>
<template>
   <button id="mall-button" @click="$router.push('/mall')">进入积分商城</button>
</template>
<style>



#mall-button {
    padding:12px;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    margin-top: auto;
    font-size: 14px;
    width: 100%;
    letter-spacing: 0.5px;
    background: linear-gradient(135deg, #04cff3 0%, #409EFF 100%);
    color: white;
    box-shadow: 0 4px 10px rgba(78, 68, 206, 0.2);
}

#mall-button:hover {
    background: linear-gradient(135deg, #409EFF 0%, #04cff3 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(78, 68, 206, 0.3);
}
</style>